<template>
   <!-- 头部部分 -->
   <header class="header">
      <h1>todos</h1>
      <input @keydown.enter="addSta" v-model="info" class="new-todo" placeholder="请输入任务名称" autofocus />
    </header>
</template>

<script>
export default {
    data(){
        return{
            info:'',
        }
    },
    methods:{
        addSta(){
            if(this.info === '') return alert('请输入内容')
            //子传父
            this.$emit('addState',this.info)
            this.info=''
        }
    }
}
</script>

<style>

</style>